@charset "utf-8";
$color:#ff9344;

@function r($px) {
    @return $px/100*1rem;
}

section {
    
    .kv {
        width: 100%;
        height: r(287);
        overflow: hidden;
        margin-top: r(20);
        img {
            width: 100%;
        }
    }

    .sale_box {
        padding-top: r(14);
        padding-right: r(88);
        padding-left: r(78);
        .sale {
            img {
                width: 100%;
            }
            .sale_left {
                width: r(240);
            }
            .sale_right {
                width: r(240);
            }
        }
        .sale_line1 {
            margin-bottom: r(28);
        }
    }
    .meals {
        font-size: r(22);
        color: #494949;
        padding-left: r(21);
        width: 100%;
        .meal1 {
            width: 100%;
            padding-right: r(24);
            .meal_left {
                width: r(210);
                height: r(164);
                margin-right: r(20);
                img {
                    width: 100%;
                }
            }
            .meal_right {
                text-align: right;
                padding-top: r(31);
                height: r(164);
                
                p:nth-of-type(1) {
                    margin-bottom: r(64);
                }
            }
            .meal_center {
                padding-top: r(20);
                width: 100%;
                p:nth-of-type(1) {
                    font-size: r(30);
                    color: black;
                    margin-bottom: r(16);
                }
                p:nth-of-type(2) {
                    margin-bottom: r(16);
                }
                p:nth-of-type(3) {
                    font-size: r(32);
                    color: $color;
                }
            }
        }
    }
}